<#compress>

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,  user-scalable=0;" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style"  />
    <meta content="telephone=no" name="format-detection" />

    <link href="${ctx}/static/mobileweb/scripts/photoswipe/photoswipe.css" type="text/css" rel="stylesheet"/>
    <style type="text/css">
        div.fl a { display: inline-block; text-align: center; line-height: 200%; -webkit-border-radius: 31px; -moz-border-radius: 31px; border-radius: 31px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; font-size: 0;}
        div.fl a img{ -webkit-border-radius : 31px; -moz-border-radius : 5px;border:1.5px solid #fdaa62; border-radius:5px; width : 62px; height : 62px; }
    </style>

    <link rel="stylesheet" href="${ctx}/static/mobileweb/1/css/common_ba.css?_=${.now?string('yyyy-MM-dd')}">

    <title>品牌活动</title>
    <script type="text/javascript">
        document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
            WeixinJSBridge.call('hideToolbar');
        });
    </script>
</head>
<body>
<section>
    <ul class="topTab">
        <li><a href="${ctx}/mobileweb/collection/attention?mid=${mid!}&wxno=${wxno!}"><i class="attentionIcon"></i>关注</a></li>
        <li <#if type=='share'>class="on"</#if>><a href="${ctx}/mobileweb/collection/share?mid=${mid!}&wxno=${wxno!}"><i class="shareIcon"></i>分享</a>
        </li>
        <li <#if type=='like'>class="on"</#if>><a href="${ctx}/mobileweb/collection/like?mid=${mid!}&wxno=${wxno!}"><i class="likeIcon"></i>喜欢</a>
        </li>
        <br class="cb"/>
    </ul>

    <div class="shareBox fdshareBox">
        <#if dtoList?size gt 0>
            <#list dtoList! as dto>
                <div class="sharelist fdsharelist">
                    <div class="fl">
                        <a href="${ctx}/mobileweb/brand/showbrand?id=${dto.t.brand_id!}&mid=${mid!}&wxno=${wxno!}">
                            <#if dto.t.logo??>
                                <img src="${ctx}/${dto.t.logo!}"/>
                            <#else>
                                <img src="${ctx}/static/mobileweb/images/logo.png"/>
                            </#if>
                        </a>
                    </div>
                    <div class="fr">
                        <div class="title" id="title_">${dto.t.name!}</div>
                        <div class="mb10 fs90 desc" id="description_">${dto.t.description!}</div>
                        <p class="dishlinks activity_picture">
                            <#if dto.pics?? && (dto.pics?size) gt 0>
                                <#list dto.pics as pic>
                                    <a href="${ctx}${pic}"><img src="${ctx}${pic}" alt="${dto.t.name}"/></a>
                                </#list>
                            </#if>
                        </p>
                        <div class="clearfix">
                            <span class="time fs80"><#if type=='share'>${(dto.t).share_time!}<#else>${(dto.t).like_time!}</#if></span>
                        </div>
                    </div>
                    <br class="cb"/>
                </div>
            </#list>
        <#else>
            <div class="mallactbox" style="text-align:center;padding:20px 0; background:#ECECEC; box-shadow:none;">
                             <span>
                                 <img style="max-width:20%;" src="${ctx}/static/mobileweb/1/images/tipWarIco.jpg" alt=""/>
                             </span>

                <p style="color:#ccc;margin-top:4px;">暂无数据！</p>
            </div>
        </#if>

</section>


</body>
<script type="text/javascript" src="${ctx}/static/mobileweb/scripts/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="${ctx}/static/mobileweb/scripts/photoswipe/simple-inheritance.min.js"></script>
<script type="text/javascript" src="${ctx}/static/mobileweb/scripts/photoswipe/jquery.animate-enhanced.min.js"></script>
<script type="text/javascript" src="${ctx}/static/mobileweb/scripts/photoswipe/code-photoswipe-1.0.11.min.js"></script>

<script>

    $(function(){
        $(".activity_picture a").photoSwipe();

    });


</script>

</html>

</#compress>